<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>物流信息</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css?v=1" />
    <style type="text/css">
      [v-cloak] {
          display: none;
      }

      .aui-timeline:before {
          left: 1.2rem;
          width: 1px;
          background: #eee;
      }

      .aui-timeline .aui-timeline-item-label-icon {
          left: 0.7em;
      }

      .aui-timeline .aui-timeline-item-inner {
          margin-left: 1.75rem;
      }

      .aui-card-list-content, .aui-card-list-content-padded {
          padding-top: 0 !important;
      }
      /*新样式*/
      .dw-red {
          background-color: #fff !important;
          color: #ff0000;
      }

      .bg-point-blue {
          background-color: #0d95f9 !important;
          color: #fff;
      }

      .top-point-grey {
          width: 0.9rem !important;
          height: 0.9rem !important;
          left: 1.1em !important;
          line-height: 0.9rem !important;
      }

      .point-grey {
          width: 0.6rem !important;
          height: 0.6rem !important;
          left: 1.3em !important;
          line-height: 0.6rem !important;
          top: 0.25rem !important;
      }

      .new-text-title {
          font-weight: bold;
          font-size: 16px;
      }
      .text-blue {
        color: #046ef1;
      }
      .imglist_item{
            width:33%;
      }
      .imglist_item .imgitem{
          width:100%;
          height: 100%;
          max-height: 100px;
          border-radius: 6px;
      }
  </style>

</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
      <section class="aui-content" style="background:#fff;">
        <div class="aui-timeline aui-margin-t-15">

            <div class="aui-timeline-item">
                <div class="aui-timeline-item-label-icon dw-red">
                    <i class="icon iconfont icon-dingwei aui-font-size-20 text-light"></i>
                </div>
                <div class="aui-timeline-item-inner">
                    <div class="aui-card-list">
                        <div class="aui-card-list-content-padded text-grey" style="padding-top:0.25rem !important;">
                            收货地址：{{AddressDetailInfo}}
                        </div>
                    </div>
                </div>
            </div>

            <div v-for="(item,index) in list">
                <div class="aui-timeline-item">
                    <div v-if="index==0" class="aui-timeline-item-label-icon top-point-grey bg-point-blue">
                        <i class="icon iconfont icon-xuanze aui-font-size-14 text-light"></i>
                    </div>
                    <div v-if="index!=0" class="aui-timeline-item-label-icon top-point-grey">
                        <i class="icon iconfont icon-shouye-xianxing aui-font-size-12 text-light bfbfbf" style="color: #999;"></i>
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">
                            <div class="aui-card-list-content-padded new-text-title" v-bind:class="{'text-grey':index!=0}">
                                {{item.Title}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui-timeline-item">
                    <div class="aui-timeline-item-label-icon point-grey ">
                    </div>
                    <div class="aui-timeline-item-inner">
                        <div class="aui-card-list">      
                            <div class="aui-card-list-content-padded text-grey">
                                 <div class="aui-font-size-14">{{item.Content}} <span v-if="item.ContactName" class="aui-font-size-12 aui-margin-l-10"> 配送员：<span class="text-blue" v-on:click="telPhone(item.ContactPhone)">{{item.ContactName}} {{item.ContactPhone}}</span></span></div>
                                 <div v-if="item.Remark">备注：<span>{{item.Remark}}</span></div>
                                 <div v-if="item.Files" class="aui-margin-b-10">
                                    <div class="imglist_item" v-for="(itemurl,indexurl) in item.Files">
                                        <img v-on:click="do_viewimages(item.Files,indexurl)" class="imgitem ml4" v-bind:src="itemurl" />
                                    </div>
                                 </div>
                                <div class="aui-font-size-14 aui-margin-t-5">{{item.Time}}</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>


        </div>

    </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/logistics.js" ></script>

</html>
